<template>
  <div class="construction">
    <h1>Under Construction</h1>
    <p>This component is under construction.</p>
    <audio ref="audioPlayer" controls>
      <source src="/vvvv.mp3" type="audio/mpeg">
    </audio>
  </div>
</template>

<script>
import { ref, onMounted } from 'vue';

export default {
  name: 'Construction',
  setup() {
    const audioPlayer = ref(null);

    onMounted(() => {
      // Add your music player logic here
      audioPlayer.value.play();
    });

    return {
      audioPlayer
    };
  }
}
</script>

<style scoped>
.construction {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f1f1f1;
}
</style>
